<template>
	<view class="content">
		<view class="menu  disb aic " style="background-color: #D34200;" @click="toConfirm(1)">
			<view class="fw fz12" >我的客户(单)</view>
			<view class="fz18 fw">{{objs.warrant}}</view>
		</view>
		<view class="menu  disb aic " style="background-color: #1054B2;" @click="toConfirm(1)">
			<view class="fw fz12">当月已跟进客户(人)</view>
			<view class="fz18 fw">{{objs.agent}}</view>
		</view>
		<view class="menu  disb aic " @click="toConfirm(1)" style="background-color: #269650;">
			<view class="fw fz12">当月已成交订单数量</view>
			<view class="fz18 fw">{{objs.successOrder}}</view>
		</view>
		<view class="menu  disb aic " @click="toConfirm(1)" style="background-color: #717C8C;">
			<view class="fw fz12">当月已成交金额(元)</view>
			<view class="fz18 fw">
        <u--text mode="price" :text="objs.successMoney" size="17" color="#ffffff" bold="true"></u--text>
      </view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			objs:{
				type:Object,
				default:()=>{ return {} }
			}
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss">
.content{
	padding: 20rpx 30rpx;
}
.menu{
	height: 100rpx;
	border-radius: 10rpx;
	padding: 20rpx 60rpx;
	background-color: #fff;
	box-shadow: 0 0 20rpx 3rpx #ccc;
	margin: 20rpx 0;
	.fw{color: #fff;}
	.icon{
		width: 70rpx;
		height: 70rpx;
	}
}
.menu1{
	background: linear-gradient(236deg, #FF4D4D 0%, #ff575a 100%);
}
.menu2{
	background: linear-gradient(236deg, #00aaff 0%, #0fffa7 100%);
}
.menu3{
	background: linear-gradient(236deg, #ff7b7d 0%, #a30eff 100%);
}
.menu4{
	background: linear-gradient(236deg, #ffe834 0%, #ff8bff 100%);
}
</style>